<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>和平里医院</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/css.css">
</head>

<body>
  <div class="top">
    <div class="top_left"><a href="javascript:;">返回</a></div>
    <div class="top_right">
      <span class="dang"><img src="./img/dang_03.png" alt=""> <span class="dian"></span></span>
      <span><img src="./img/topimg_04.png" alt=""></span>
      
    </div>
  </div>
  <div class="ban">
    <!-- Swiper -->
    <div class="swiper-container" id="indexBan1">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination" id="swiper-pagination1"></div>
    </div>
  </div>
  <div class="seach">
    <input type="text" placeholder="输入标题搜索">
  </div>
  <div class="review">
    <div class="review_title">
      <div>
        <span class="act">带我审批</span>
      </div>
     <div>
      <span>我已审批</span>
     </div>
    </div>
    <div class="review_con">
      <div class="review_list">
        <div class="info_title">微信支付凭证</div>
        <div class="info_time">2020年10月10日 星期一</div>
        <div class="info_con">付款金额 ¥12.00</div>
        <div class="info_a aefcf48">审批中</div>
      </div>
      <div class="review_list">
        <div class="info_title">微信支付凭证</div>
        <div class="info_time">2020年10月10日 星期一</div>
        <div class="info_con">付款金额 ¥12.00</div>
        <div class="info_a a7bab6f">审批中</div>
      </div>
      <div class="review_list">
        <div class="info_title">微信支付凭证</div>
        <div class="info_time">2020年10月10日 星期一</div>
        <div class="info_con">付款金额 ¥12.00</div>
        <div class="info_a ada605f">审批中</div>
      </div>
    </div>
  </div>

  <div class="my_tab">
    <ul>
      <li class="">
        <img src="./img/nav1.png" alt="">
        <span>首页</span>
      </li>
      <li class="act">
        <img src="./img/nav2_act.png" alt="">
        <span>代办</span>
        </li>
      <li>
        <img src="./img/nav3.png" alt="">
        <span>通知</span>
        </li>
      <li>
        <img src="./img/nav4.png" alt="">
        <span>我的</span>
        </li>
    </ul>
  </div>
  <!-- Swiper JS -->
  <script src="./js/jquery-1.11.3.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/myjs.js"></script>

  <!-- Initialize Swiper -->
  <script>
    $(".review_title span").on("click",function(){
      $(".review_title span").removeClass("act")
      $(this).addClass("act")
    })
  </script>
</body>

</html>